<div id="div_navigation" class='p_10 m_r_10'>
	<div id='div_loginboxAction'></div>
	<?php include '/navigation/mainNavigation.php';	?>
	<?php include '/navigation/betNavigation.php';	?>
	<?php include '/navigation/storeOffers.php';	?>
</div>
<?php 
	$_sport = new Sport($_GET['sport']);
	$_events = $_sport->getEvents();
?>
<div id="div_content" class='p_10'>
	<div id='div_left'>
		<div class='div_h2'>
			<div class='div_content'><h2><?php echo $_sport->getName(); ?> - <?php echo getTranslation("title", "next_events")?></h2></div>
			<div class='div_options'>
				<select id='sport_slct_date'>
					<option value="0">
						<?php echo getTranslation("datetime", "today"); ?>
					</option>
					<option value="1">
						<?php echo getTranslation("datetime", "tomorrow"); ?>
					</option>
					<option value="2">
						15 dec
					</option>
				</select>
			</div>
		</div>
		
		<div id='sport_events' class='contentZone'>
		
		</div>
	</div>
	<div id='div_right'>
		<div id='othersSports' class='b_ea m_b_10'>
			<div class='div_h2'>
				<div class='div_content'>
					<h2>Les autres sports</h2>
				</div>
			</div>
			
			<table>
				<tr><td><a href='' class='tiptip grey b clear ft_12 p_5' title='Voir les rencontre de Handball'>Handball</a>
				<tr><td><a href='' class='grey b clear ft_12 p_5'>Rugby</a>
				<tr><td><a href='' class='grey b clear ft_12 p_5'>Tennis</a>
				<tr><td><a href='' class='grey b clear ft_12 p_5'>Basket-Ball</a>
			</table>
		</div>
		
		<div id='eventsSuggestion' class='b_ea'>
			<div class='div_h2'>
				<div class='div_content'>
					<h2>Suggestion de rencontres</h2>
				</div>
			</div>
			
			<p class='c_9 ft_10 p_5'>
				Vos amis ont pronostiqué, commenté ou donné leur avis sur les rencontres suivantes
			</p>
			
			<div class='b_ea bg_f7 hoveractif p_5 m_2'>
				<a href='' class='ft_10 grey b'>Marseille - Lyon</a>
			</div>
			<div class='b_ea bg_f7 hoveractif p_5 m_2'>
				<a href='' class='ft_10 grey b'>Rennes - Paris SG</a>
			</div>
			<div class='b_ea bg_f7 hoveractif p_5 m_2'>
				<a href='' class='ft_10 grey b'>Montpellier - Saint-Etiennet</a>
			</div>
			<div class='b_ea bg_f7 hoveractif p_5 m_2'>
				<a href='' class='ft_10 grey b'>Real de Madrid - FC Barcelone</a>
			</div>
			
			<div class='txtr p_5'>
				<span class='action grey' action='displayMoreEventSuggestion' nbSuggestion='8' targetDiv='#eventsSuggestion'>Voir plus de suggestions</span>
			</div>
		</div>

	</div>
</div>

<script type="text/javascript">
	//chargement des parties dynamiques de la page courante
	$j.ajax({
		type : "POST",
		url : "<?php bloginfo('template_url'); ?>/ajax/getContent.php",
		data : "functionName=getSportDateEvents&sport=<?php echo $_GET['sport'];?>&date=0",
		success:function(html){				
			$j("#sport_events").html(html);
		}
	});

	// action du select date
	$j("#sport_slct_date").change(function(){
		$j.ajax({
			type : "POST",
			url : "<?php bloginfo('template_url'); ?>/ajax/getContent.php",
			data : "functionName=getSportDateEvents&sport=<?php echo $_GET['sport'];?>&date="+$j(this).val(),
			success:function(html){				
				$j("#sport_events").html(html);
			}
		});
	});
</script>